﻿<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>CSS3灯塔旋转照射动画 - 源码之家</title>
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">

<link rel="stylesheet" href="css/style.css">

</head>
<body>

<div class="lighthouse">
	<div class="light-ray"></div>
	<div class="roof-tip"></div>
	<div class="roof"></div>
	<div class="head">
		<div class="light"></div>
		<div class="shadow"></div>
	</div>
	<div class="top-rail"></div>
	<div class="upper-neck">
		<div class="shadow"></div>
	</div>
	<div class="bottom-rail"></div>
	<div class="lower-neck">
		<div class="shadow"></div>
	</div>
	<div class="stem">
		<div class="window1"></div>
		<div class="window2"></div>
		<div class="door"></div>
	    <div class="stem-texture"></div>
		<div class="shadow"></div>
	</div>
	<div class="base-top"></div>
	<div class="base-bottom">
		<div class="shadow"></div>
	</div>
</div>
<div style="text-align:center;">
<p>更多源码：<a href="http://www.mycodes.net/" target="_blank">源码之家</a></p>
</div>
</body>
</html>